<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>WordSquared - a massively multiplayer online word game</title>
<style type="text/css">

#progress_panel {
position: absolute;
top: 69px;
right: 0;
left: 0;
margin: auto;
display: none;
height: 34px;
z-index: 1;
width: 141px;
background-image: url('https://wordsquared-assets-production-0-9-3-0.s3.amazonaws.com/images/dialog_bg.png');
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
-ms-border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-moz-box-shadow: black 0px 0px 4px 0;
-webkit-box-shadow: 
black 0px 0px 4px 0;
-o-box-shadow: black 0px 0px 4px 0;
box-shadow: 
black 0px 0px 4px 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
#progress_panel .ani {
background: url('https://wordsquared-assets-production-0-9-3-3.s3.amazonaws.com/images/loader.gif') no-repeat;
width: 32px;
height: 32px;
float: left;
margin-left: 3px;
margin-right: 9px;
margin-top: 0px;
}
#progress_panel .msg {
color: 
white;
font-weight: bold;
white-space: nowrap;
font-size: 11px;
margin-top: 11px;
}
</style>
</head>

<body>
<div id="progress_panel" style="display: block; ">
<div class="ani"></div>
<div class="msg">Loading Board</div>
</div>
</body>
</html>